import React from "react";
import "@/tailwind-variables.less";

export interface ulItem {
  id: string;
  text: string;
}

const MyUl: React.FC<{ items: ulItem[] }> = (props: { items: ulItem[] }) => {
  const { items } = props;
  return (
    <ul className="list-none">
      {items.map((item, index) => (
        <li key={item.id} className="bg-white shadow-md rounded-lg p-2 mb-2">
          <span className="text-[#029CFD] mr-2">{index + 1}.</span>
          <span className="font-medium">{item.text}</span>
        </li>
      ))}
    </ul>
  );
};
export default MyUl;
